<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <style>

  </style>
  <link rel="stylesheet" href="css/home-head.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3997552_ve0o7tvt7i.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3997552_bgi6qrhyb6v.css">

  <link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/lunbo.css">
</head>

<body>

  <div class="head">
    <div class="head1">
      <div class="headleft">
        <p>
          <span class="icon1 iconfont icon-shouyeh"></span>
          <a href="http://www.epet.com/" class="home">E宠首页</a>
        </p>

        <span class="place">送至：<table>
         </span>
         <tr>
          <td>
          <select id="province" name="province" onchange="selectcity()"  ></select>
          </td>   
          </tr>
          </table>
          
          </select>

        </div>
        

        <p class="zhengpin"><span class="icon2 iconfont icon-public-welfare"></span><a
            href="https://www.epet.com/zhengpin/main.html?do=newgoods">E宠就是正品</a></p>

      </div>
      <!-- headright -->
      <div class="headright login_box">
        <span >
          <a href="javascript:;" id="login">[登录/注册]</a>
        </span>
        <span>
          <a href="./html/03login.html" class="register">[登录]</a>
        </span>
       
        <span><b class="icon3 iconfont icon-gouwuchefill"></b><a href="./html/DetailsPage.html">购物车(0)</a></span>
        <span><b class="icon4 iconfont icon-wode-active"></b>
          <div class="dropdown">
            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
              data-bs-toggle="dropdown" aria-expanded="false">
              我的E宠
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
              <li><a class="dropdown-item" href="#">我的订单</a></li>
              <li><a class="dropdown-item" href="#">退换货记录</a></li>
              <li><a class="dropdown-item" href="#">我的优惠券</a></li>
              <li><a class="dropdown-item" href="#">我的余额</a></li>
              <li><a class="dropdown-item" href="#">VIP俱乐部</a></li>
            </ul>
          </div>

        </span>
        <span><b class="icon5 iconfont icon-shoucang"></b>
          <div class="dropdown">
            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
              data-bs-toggle="dropdown" aria-expanded="false">
              收藏
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
              <li><a class="dropdown-item" href="#">我的收藏</a></li>
            </ul>
          </div>


        </span>
        <span><b class="icon6 iconfont icon-shouji"></b><a href="">手机版</a><img
            src="https://static.epetbar.com/static_web/pc/src/images/background/code.png" class="erweima"></span>

        <span><a href="">问题反馈</a></span>


      </div>


<!-- 登录弹出框 -->
      <div id="mask"></div>
      <div id="show">
       
        <div class="box1"></div>
        <div class="inp">
          <h3>注册</h3><div class="colse">X</div>
          <p class="pp"></p>
          <input type="text" placeholder="用户名"  class="text3"><br>
          <input type="text" placeholder="密码" class="text3"><br>
          <input type="text" placeholder="确认密码" class="text3"><br>
          <input type="text" placeholder="昵称" class="text3">
          <input type="button" value="注册" class="button text3" >
        </div> 
        <p class="QQ2">
          <img src="https://static.epetbar.com/static_web/pc/src/images/newlogin/newico2.png" class="QQ">
          <span><a href="http://127.0.0.1:5500/E%E5%AE%A0%E5%95%86%E5%9F%8E-%E5%88%98%E7%BF%94%E8%89%B3/html/03login.html">账号登录</a></span></p>
      </div>
      </div>



    </div>
  </div>
  <header>
    <div class="Elogo"><a href="https://cat.epet.com/"></a></div>

    <div class="logoleft">
      <span><a href="https://wap.epet.com/app/orderTopic/1955?pet_type=cat">养宠风尚</a></span>
      <span><a href="./html/love.html">清仓特价</a></span>
    </div>
<!-- 模糊查询 -->
    <div class="inpright">
      <input type="text" id="input1" class="search-box" placeholder="冠能"></input>
      <button class="button"> 
      </button>
      
    </div> 
     <ul id="ul"></ul>
  </header>

  <!-- 左导航，轮播图 -->
  <main>
    <div class="box menu-top">
      <div class=" dog_list"><a href="https://www.epet.com/">狗狗站</a></div>
      <div class="cat_list"><a href="https://cat.epet.com/">猫猫站</a></div>
    </div>
    <div class="content">
      <div class="content_list" id="nav">
    </div> 
    <div class="w info">
      <div class="slide">
        <!-- 左侧  -->
        <div class="left one" >
          <ul class="list1" id="ul3">
            <li class="list2">
              <a href="#"><span>主粮</span></a>
              <a href="#"><span>零食</span></a>
                <b>></b>      
            </li>
            <li class="list2"><a href="#"><span>玩具</span></a>
              <a href="#"><span>清洁</span></a>
              
                <b>></b></li>
            <li class="list2"><a href="#"><span>保健</span></a>
              <a href="#"><span>护理</span></a>
                <b>></b></li>
            <li class="list2"><a href="#"> <span>生活</span></a>
              <a href="#"><span>牵引</span></a>
                <b>></b></li>
              <li class="list2"><a href="#"><span>洗澡</span></a>  <a href="#"><span>服饰</span></a>   
                <b>></b></li>
          </ul>
        </div>
        <!-- 右侧 -->
        <div class="right" >
          <ul class="list">
           
        </ul>
          
        </div>
      </div>  
<!-- 轮播图 -->
<div class="swiper mySwiper">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <a href="https://wap.epet.com/app/orderTopic/4409"><img src="img/01.jpg"></a>
    </div>
    <div class="swiper-slide">
      <a href="https://wap.epet.com/app/orderTopic/4417"><img src="img/02.jpg"></a>
    </div>
    <div class="swiper-slide">
      <a href="https://wap.epet.com/app/orderTopic/4417"><img src="img/03.jpg"></a></div>
    <div class="swiper-slide">
      <a href="https://wap.epet.com/app/orderTopic/4409"><img src="img/01.jpg"></a></div>
    <div class="swiper-slide">
      <a href="https://wap.epet.com/app/orderTopic/4417"><img src="img/03.jpg"></a></div>
    
  </div>
 <!-- <div class="swiper-button-next"></div> 
  <div class="swiper-button-prev"></div> -->
  <div class="swiper-pagination"></div>
</div>
  </main>

<article class="article">
  <div class="article1">
  <span><a href ="./html/love.html"><img src="img/04.jpg"></a></span>
  <span><a href="./html/love.html"><img src="img/05.jpg"></a></span>
  <span><a href="./html/love.html"><img src="img/04.jpg"></a></span>
  <span><a href="./html/love.html"><img src="img/05.jpg"></a></span></div>
  
</article>

<!-- 狗狗主粮，商品列表页 -->
<div class="dog_main">
<div class="zhuliang">
  <span>狗狗主粮</span>
  <span><a href="">进口狗粮</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="">冻干狗粮</a></span>
</div>

<div class="food_main">
<ul id="product">
</ul>
</div>
<div class="food_main">
  <ul id="product2">
  </ul>
  </div>
  <div class="shoplogo">
<span><a href="https://www.epet.com/brand/bd725.html"><img src="img/06.jpg"></a></span>
<span><a href="https://www.epet.com/brand/bd725.html"><img src="img/06.jpg"></a></span>
<span><a href="https://www.epet.com/brand/bd725.html"><img src="img/06.jpg"></a></span>
<span><a href="https://www.epet.com/brand/bd725.html"><img src="img/06.jpg"></a></span>
<span><a href="https://www.epet.com/brand/bd725.html"><img src="img/06.jpg"></a></span>
<span><a href="https://www.epet.com/brand/bd725.html"><img src="img/06.jpg"></a></span>
  </div>
</div>
  
<!-- 下半部分 -->
<div class="baozhang">
<div class="pinlei">
  <span><b class="icon7 iconfont icon-zhengpinbaozhang2"></b>&nbsp;正品保障</span>
  <span><b class="icon8 iconfont icon-leibiefenlei"></b>&nbsp;品类丰富</span>
  <span><b class="icon9 iconfont icon-kefu"></b>&nbsp;优质服务</span>
  <span><b class="icon10 iconfont icon-shuji"></b>&nbsp;科学养宠</span>
  <span><b class="icon11 iconfont icon-public-welfare"></b>&nbsp;E宠公益</span>
  <span><b class="icon12 iconfont icon-rili"></b>&nbsp;爱宠14年</span>
</div>

<!-- 指南 -->
<div class="zhinan">
<ul>
  <h6>购物指南</h6>
  <li><a href="">新人优惠</a></li>
  <li><a href="">购物问题</a></li>
  <li><a href="">支付问题</a></li>
</ul> 
<ul>
  <h6>购物指南</h6>
  <li><a href="">新人优惠</a></li>
  <li><a href="">购物问题</a></li>
  <li><a href="">支付问题</a></li>
</ul> 

<ul>
  <h6><a href="">扫描下载APP</a></h6>
  <li><a href="">下单更优惠</a></li>
  <li><img src="https://static.epetbar.com/static_web/pc/images/footer/app.png"></li>
</ul>
<ul>
  <h6><a href="">扫描下载APP</a></h6>
  <li><a href="">下单更优惠</a></li>
  <li><img src="https://static.epetbar.com/static_web/pc/images/footer/app.png"></li>
</ul>

<ul class="number">
  <h4>4008889200</h4>
  <li><a href="">[免长途费]</a></li>
  <h3>4008889200</h3>
  <li><a href="">09:00-18:30[周一到周日]</a></li>

</ul>
</div>


<!-- logo -->
<div class="heard">
  

</div>
<footer>
  <img src="	https://static.epetbar.com/static_web/pc/images/new_logo.png" class="logo3">
<div class="our">
  <span><a href="">关于我们</a></span>
  <span><a href=""><b class="icon13 iconfont icon-weibo"></b>E宠商城</a></span>
  <span><a href=""><b class="icon13 iconfont icon-weixin"></b>E宠商城</a></span>
  <span><a href=""><b class="icon13 iconfont icon-baidu"></b>E宠商城百家号</a></span> 
  <span><a href=""><b class="icon13 iconfont icon-toutiao"></b>E宠说</a></span>
  <span><a href="">E宠公益</a></span>
  <span><a href="">联系我们</a></span>
  <span><a href="">公司地址</a></span> 
  <span><a href="">应急响应</a></span>
  <span><a href="">仓储中心</a></span> 
  <span><a href="">用户协议</a></span>
  <span><a href="">易宠科技</a></span>
</div>

<div class="ours">
<img src="https://static.epetbar.com/www/newFooter/wsls.png">
<img src="https://static.epetbar.com/www/newFooter/baiq.png" alt="">
<img src="https://static.epetbar.com/www/newFooter/bhdw.png" alt="">
<img src="https://static.epetbar.com/www/newFooter/wsls.png">
<img src="https://static.epetbar.com/www/newFooter/baiq.png" alt="">
<img src="https://static.epetbar.com/www/newFooter/bhdw.png" alt="">
<img src="https://static.epetbar.com/www/newFooter/bhdw.png" alt="">
</div>
<div class="ours1">
  <span>渝ICP备10002905号-1</span>
  <span>渝ICP备10002905号-1</span>
  <span>渝ICP备10002905号-1</span>
  <span>渝ICP备10002905号-1</span>
  <span>渝ICP备10002905号-1</span>
  <span>渝ICP备10002905号-1</span>
  <span>渝ICP备10002905号-1</span>
</div>
</footer>

</div>

   
  <script src="./js/bootstrap.bundle.js"></script> 
  
  <script src="./js/lunbo.js"></script>
  <script src="./js/ajax.js"></script>
  <script src="./js/home.js"></script>

  
    <script>
      var swiper = new Swiper(".mySwiper", {
  spaceBetween: 30,
  centeredSlides: true,
  autoplay: {
    delay: 2500,
    disableOnInteraction: false,
  },
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});
    </script>
  
</body>

</html>